body {
	font-family: 'Microsoft YaHei';
	position: relative;
}

.container-fluid {
	max-width: 1200px;
}

a {
	cursor: pointer;
}

.navbar {
	min-height: 70px;
	/*box-shadow: 2px 30px 55px #666;*/
	margin-bottom: 0px;
}

#bs-example-navbar-collapse-1 {
	height: 70px;
	min-height: 70px;
}

ul.nav {
	height: 70px;
	background-color: # font-size: 16px;
}

ul.nav li a {
	height: 70px;
	padding-left: 31px;
	padding-right: 31px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}

.navbar-inverse {
	background-color: #111315;
}

.navbar-header,
.navbar-brand,
.navbar-body {
	height: 70px;
}

.navbar-body {
	position: absolute;
}

.navbar-body {
	right: 12px;
	top: 0px;
	line-height: 70px;
}

.navbar-brand>img {}

.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
}

.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>li:focus>a {
	background-color: #111315;
	border-bottom: 5px solid #06a3b7;
}

.navbar-inverse .navbar-nav>li.active>a {
	border-bottom: 5px solid #06a3b7;
	color: #05bed6;
	background-color: #111315;
}

.navbar-brandimg {
	color: #fff;
	font-size: 16px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	color: #05bed6;
}

.navbar-brandimg:hover {
	text-decoration: none;
}

/*baner 图*/
.Blanerimg {
	position: relative;
}

.Blanerimg img {
	width: 100%;
}

.Blanerimg .title {
	color: #fff;
	position: absolute;
	top: 250px;
	text-align: center;
	width: 100%;
	line-height: 2em;
}

.Blanerimg .title h1 {
	margin-bottom: 20px;
	font-size: 4.5em;
}

.Blanerimg .title h5 {
	margin-bottom: 20px;
	font-size: 2.0em;
	font-weight: normal;
}

/*解决方案*/
.jjfa {}

.jjfa .gyag {
	margin-top: -100px;
	padding: 30px;
	position: relative;
	background-color: #f4f6fb;
}

.jjfa .gg_text {
	text-align: center;
	font-size: 14px;
	width: 85%;
	padding: 10px;
	margin: 0px auto;
	line-height: 2.5em;

}

/*项目*/
.ListFlex {
	display: flex;
}

.ListFlex>div {
	flex: 1;
	padding: 70px 0px;
	text-align: center;
}

.ListFlex>div>img {
	width: 370px;
}

.ListFlex .title {
	color: #1a1a1a;
	font-size: 18px;
	text-align: center;
	padding: 20px 0px;
	font-weight: bold;
}

.ListFlex .body {
	color: #666666;
}

.ListFlex .pan {
	background-color: #fafafa;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 40px;
	width: 370px;
	margin: 0 auto;
}

/*关于我们*/
.gywm {
	background-color: #f4f6fb;

}

.gywm #gywm {
	padding-top: 50px;
	margin-top: 50px;
}

.gywm .gg_gyai h4 {
	text-align: left;
	display: inline-block;
}

/*我们的优势*/
.wmdys {
	background-image: url(../img/face/bg.jpg);
	color: #fff;
}

.wmdys .gg_gyai h4 {
	color: #fff;
}

.wmdys .gg_gyai h4:after {
	background: #fff;
}

.wmdys .disp_flex {}

.wmdys .flex1 {
	text-align: center;
	padding: 50px;
}

.wmdys .flex1 img {
	width: 100px;
}

.wmdys .flex1 h5 {}

.wmdys .flex1 p {}

/*产品中心*/
.cpzx {


	background-color: #f4f6fb;

}

.cpzx>div {
	padding-top: 70px;
}

.cpzx .foot_cpzx {
	background-color: #fff;
	text-align: center;
}

.cpzx .flex2 img {
	width: 100%;

}

.cpzx .flex1 .img_cpzx {
	background-color: #e8eaef;
	text-align: center;
	padding: 20px 0px;
}

.cpzx .foot_cpzx h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
}

.cpzx .foot_cpzx p {
	font-size: 12px;
	color: #707070;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
}

.cpzx .flex1,
.cpzx .flex2 {
	margin: 10px;
}

.cpzx .flex1_3 {
	flex: 0 0 31.6%;
}

.cpzx .flex1 .flex1 {
	margin: 0px;
}

.cpzx .flex1 .flex1:first-child {
	margin-bottom: 10px;
}

/*产品中心*/
.cgal {}

.cgal>div {
	padding-top: 70px;
}

.cgal .flex1_3 img {
	width: 100%;
	padding: 10px;
}

.cgal .flex1_5 img {
	width: 100%;
	padding: 10px;
}

/*联系我们*/
.about h4 {
	text-align: left;
	display: inline-block;
}

.about>div {
	border-top: 1px dashed #d3d3d3;
}

.about p {
	color: #4d4d4d;
}

.about h5 {
	margin: 25px 0px;
}

.about .lximg img {
	padding-right: 20px;
}
.about .lximg {
	margin: 20px 0;
}

.about .iii {
	color: #4d4d4d;
	padding: 10px;
}

.tj input {
	display: block;
	width: 100%;
	background-color: #2e7eeb;
	color: #fff;
}

/*sqrz 申请入驻*/
.sqrz {
	background-color: #fafafa;
	padding-top: 90px;
}

.sqrz .tite1 {
	text-align: center;
	padding: 30px;
}

.sqrz .tite1 a {
	display: inline-block;
	padding: 15px 30px;
	font-size: 16px;
}

.sqrz .form>div {
	display: flex;
}

.sqrz .form>div>div {
	flex: 1;
	padding: 15px 0px;
}

.sqrz .form>div>div>input {
	margin: 0 auto;
	width: 95%;
}

.sqrz .form>div>textarea {
	margin: 0 auto;
	width: 97.5%;
	resize: none;
	height: 150px;
}

.form-control {
	border-color: #cccccc;
	box-shadow: none;
	border-radius: 0px;
}

/*底部*/
.footer .js {
	display: flex;
	margin-top: 40px;
}

.footer .js>div {
	flex: 1;
	padding: 20px 0px;
}

.footer .info {
	color: #666;
	border-top: 1px solid #d9d9d9;
	text-align: center;
	padding: 20px;
}

.footer .ercode {
	float: right;
	text-align: center;
	line-height: 3em;
	color: #666;
}

.footer .ercode img {
	display: block;
}

.footer .js .list {
	padding: 20px 0px;
}

.footer .js .list>div {
	padding: 5px 0px;
	color: #333;
}


.gyag {}

.gg_gyai h4 {

	text-align: center;
	font-size: 38px;
	color: #1a1a1a;
	font-weight: 100;
	position: relative;
	margin: 20px auto;
}

.gg_gyai h4:after {
	position: absolute;
	content: '';
	width: 100px;
	height: 4px;
	bottom: -10px;
	background: #1a1a1a;
	left: 50%;
	margin-left: -50px;
}

.m-body .gg_gyai h4:after {
	position: absolute;
	content: '';
	width: 60px;
	height: 3px;
	bottom: -10px;
 
	left: 50%;
	margin-left: -30px;
}

.disp_flex {
	display: flex;
}

.disp_warp {
	flex-wrap: wrap;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 1;
}

.flex1_3 {
	flex: 0 0 33.3333%
}

.flex1_5 {
	flex: 0 0 20%
}

.flex1_2 {
	flex: 0 0 50%
}

.disp_col {
	flex-direction: column;
}

.flex_img {
	flex: 1;
	padding-left: 20px;
}

.flex_label {
	flex: 1;
	text-indent: 2em;

}

.abot_details {
	margin: 0px;
	line-height: 2em;
	color: #231f20;
	font-size: 14px;
}

.marg_top_80foot {
	margin-top: 80px;
}

.product_cpjs {
	margin-top: 80px;
}

.product_cpjs h4 {
	font-size: 38px;
	font-weight: 100;
	text-align: center;
	margin: 0px 0px 35px 0px;
	color: #1a1a1a;
}

.product {
	background-color: #fafafa;
}

.product_defailstr {
	margin: 0px;
	text-align: center;
	font-size: 16px;
	color: #4d4d4d;
}

.width_25 {
	width: 19.5%;
	display: inline-block;
}

.width_25:nth-child(3n) {}

.width_25 img {
	margin: 0 auto;
	width: 140px;
	display: block;
}

.width_4 {
	width: 24.5%;
	display: inline-block;
	background-color: #fff;

	vertical-align: text-top;

}

.width_4 .head4 {
	padding: 30px;
	min-height: 320px;
}

.width_4:nth-child(3n) {}

.width_4 img {
	margin: 0 auto;
	height: 50px;
	display: block;

}

.body4 {
	background-color: #2e7eeb;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 16px;
	cursor: pointer;
}

.product_name {
	text-align: center;
	margin: 20px 0px;
	font-size: 20px;
	color: #076ac0;


}

.product_name span {
	border-bottom: 2px solid #076ac0;
	padding-bottom: 5px;
}

.product_ded {
	margin: 0px;
	text-align: left;
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2em;
	text-align: justify;
}

.Stepsfor {
	margin-top: 80px;
}

.hej {
	background-image: url(../../img/PCindex/hkj.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.hkj_title {
	text-align: center;
	margin-top: 80px;
}

.hkj_title h4 {
	color: #fff;
	font-size: 38px;
	font-weight: 100;
	margin: 0px;
}

.width_30 {
	display: inline-block;
	width: 33%;
	padding-bottom: 60px;
}

.float_right {
	float: right;
	display: inline-block;
	width: 75%;
}

.hkj_naem {
	color: #fff;
	font-size: 18px;
}

.hkj_des {
	margin: 0px;
	font-size: 14px;
	color: #a9abac;
	padding-right: 40px;
}

.join {}

.flex_join_img {
	flex: 0.5;
	margin: 0 50px;
}

.flex_join_img:first-child {
	margin-left: 0px;
}

.flex_join_img:last-child {
	margin-right: 0px;
}

.bafr {
	background-color: #f0faf9;
	position: relative;
}

.disp_inbk {
	display: inline-block;
}

.join_name {
	position: absolute;
	top: 40px;
	left: 40%;
	font-size: 24px;
	margin: 0px;
	color: #1a1a1a;
}

.join_ddddd {
	position: absolute;
	top: 80px;
	padding-right: 30px;
	left: 40%;
	font-size: 16px;
	color: #333;
	line-height: 2em;
}

.dian {
	width: 10px;
	border-radius: 50%;
	height: 10px;
	background-color: #2cb3b0;
	display: inline-block;
	margin-right: 10px;
}

.dian_p {
	float: right;
	width: 94%;
	color: #333;
	font-size: 16px;
	margin: 0px;
	line-height: 2em;
}

.join_ddddd p {
	margin: 0px;
}

.Cooperation {
	background-color: #fafafa;
	height: 820px;
}

.Application {
	background-color: #2cb3b0;
}

.app_hetim {
	text-align: center;
	margin-top: 80px;
}

.app_hetim h4 {
	margin: 0px;
	font-size: 38px;
	font-weight: 100;
	color: #fff;
	margin-bottom: 30px;
}

.dd {
	margin: 0px;
	color: #deefef;
	font-size: 22px;
	text-align: center;
	margin-bottom: 50px;
}

.app_30 {
	width: 30%;
	padding: 10px 10px;
}

.app_30:first-child {
	padding-left: 0px;

}

.app_30:last-child {
	padding-right: 0px;
}

.appkt textarea {
	width: 100%;
	resize: none;
}

.app_30 input {
	width: 100%;
	height: 40px;
	padding: 0px 20px;
	border: 1px solid #808080;
	border-radius: 2px;

	outline: none;
	color: #dff0ef;
}

.buton input {
	padding: 10px 35px;
	border: 0px;
	border-radius: 2px;


	font-size: 16px;
	outline: none;
	border: 0;
}

.buton input:hover {
	background-color: #2e7fef;
	color: #eee;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #808080;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #808080;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #808080;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #808080;
}

.foot {
	background-color: #262626;
}

.fle {
	flex: 1;
}

.flerigt {
	flex: 0.1;
}

.hygzwm {
	margin: 0px;
	font-size: 14px;
	color: #bdbdbd;
	text-align: center;
	margin-bottom: 35px;
	margin-top: 10px;
}

.addre {
	margin-top: 25px;
	margin-bottom: 10px;
	color: #bdbdbd;
	font-size: 16px;
}

.phone {
	color: #bdbdbd;
	font-size: 16px;
	margin-bottom: 10px;
}

.emil {
	color: #bdbdbd;
	font-size: 16px;
	margin: 0px;
}

.f {
	background-color: #293042;
	height: 50px;
	line-height: 50px;
}

.foot_foto {
	text-align: center;
	font-size: 14px;
	margin: 0px;
	color: #a8a8a8;
}

.coop_flex {
	width: 33%;
	display: inline-block;
	padding-bottom: 30px;
}

.coop_flex img {
	margin: 0 auto;
	display: block;
}

.coopname {
	font-size: 20px;
	margin: 0px;
	color: #1a1a1a;
	text-align: center;
	padding: 25px 0px 20px 0px;
}

.coopddd {
	font-size: 14px;
	color: #333;
	margin: 0px;
	text-align: center;
	padding: 0px 50px;
	line-height: 2em;
}

.borsbel {
	text-align: center;
	margin-top: 20px;
}

.borsbel p {
	margin: 0px;
	border: 1px dashed #20b4b0;
	display: inline-block;
	border-radius: 50px;
	color: #2cb3b0;
	padding: 10px 50px;
	background-color: #eef7f7;
}

/* 移动样式*/
.m-body {}

.m-body h4 {
	margin-top: 0px;
	padding-top: 20px;
	font-size: 20px;
}

.m-header {
	height: 70px;
	background-color: #000;
	text-align: center;
	padding-top: 15px;
}

.m-banner {}

.m-banner img {
	width: 100%;
}

#m-jjfa {
	margin-top: -50px;
	position: relative;
}

.m-jjfa {
	background-color: #f4f6fb;
	padding: 15px;

}

.width_2 {

	display: inline-block;

	flex: 0 0 50%;



}

.width_2 .head4 {
	padding: 10px;
	min-height: 300px;
	margin: 5px;
	background-color: #fff;
	margin-bottom: 0px;
}

.width_2 .body4 {
	margin: 5px;
	margin-top: 0px;
	font-size: 12px;


}

.width_2 img {
	margin: 0 auto;
	height: 40px;
	display: block;

}

.width_2 .product_name {
	font-size: 14px;
}

.width_2 .product_ded {
	font-size: 12px;
}

.m-list {
	align-items: center;
	justify-content: space-between;
}

#m-gywm {
	margin-top: 50px;
	position: relative;
	background-image: url(/face/Content/img/face/mmap.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #f4f6fb;
}

.m-gywm .abot_details {
	font-size: 12px;
	text-indent: 2em;
	line-height: 1.7em;
}

#m-wmdys {
	background-image: url(../img/face/bg.jpg);
	color: #fff;
}

.m-wmdys h4 {
	color: #fff;
}

.m-wmdys h4:after {
	background-color: #fff;
}
.m-wmdys
{
	text-align: center;
}
.m-wmdys .flex1_2
{
	padding: 10px;
	 padding-top: 20px;
}
.m-wmdys p
{
	color: #adb7d0;
}
.m-cpzx .img_cpzx
{
		background-color: #e8eaef;
	text-align: center;
	padding: 10px 0px;
	margin: 0 5px;
	min-height: 150px;
}
#m-cpzx
{
	background-color: #f4f6fb;
}
.m-cpzx .foot_cpzx {
	background-color: #fff;
	text-align: center;
	margin: 0 5px;
	margin-bottom: 20px;
}
.m-cpzx .flex1_2
{
}
.m-cpzx   img {
	max-width: 100%;


}

 

.m-cpzx .foot_cpzx h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
}

.m-cpzx .foot_cpzx p {
	font-size: 12px;
	color: #707070;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
}
.m-cgal .img_cpzx
{
	 
	 
	margin: 0 5px;
	margin-bottom: 10px;
 
}
.m-cgal   img {
	max-width: 100%;


}
.hz img
{
	 padding: 10px;
	
}
.marg_top_40foot {
    margin-top: 40px;
}
.m-about .iii
{
		color: #4d4d4d;
	padding: 10px;
	text-align: center;
}
.m-about .form-control
{
	margin-top: 10px;
}
#m-about .flex1
{
	border-top:1px dashed #ccc;
}
#m-about p a
{
		color: #4d4d4d;
}
#m-about p
{
	color: #4d4d4d;
	padding-left: 25px;
	padding-right: 25px;
}
#m-about h5
{
	 text-align: center;
}
.m-f .foot_foto
{
	font-size: 12px;
   word-spacing: 0px;
}
.appkt textarea
{
	padding: 20px;
}